// 菜单宽度
$sideBarWidth: 210px;


.sidebar-container {
  transition: width 0.28s;
  width: $sideBarWidth !important;
  position: fixed;
  top: 50px;
  bottom: 0;
  left: 0;
  z-index: 1001;
  overflow: hidden;
  background-color: #545C64;
}

.main-container {
  width: calc(100% - 270px);
  min-height: 800px;
  margin-top: 50px;
  transition: margin-left .28s;
  margin-left: $sideBarWidth;
  position: relative;
  padding: 20px;

  .el-table td, .el-table th {
    text-align: center !important;
  }

  .table-bar {
    margin-bottom: 10px;
    .el-input {
      width: 200px;
    }
    .el-input+.el-input,
    .el-input+.el-select,
    .el-select+.el-select,
    .el-select+.el-input,
    .el-select+.el-button,
    .el-input+.el-button {
      margin-left: 10px;
    }
    .el-switch {
      margin-left: 10px;
    }
  }

  .table-title {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
  }

  .right-pagination {
    text-align: center;
    margin-top: 20px;
  }

  .common-top {
    margin-top: 50px;
  }

  #editorContainer {
    width: 450px;
    margin: 0 auto;
    height: 300px;
  }

  .el-form .el-col .el-select,
  .el-form .el-col .el-date-editor {
    width: 100%;
  }
  .el-form-item__error {
    padding-top: 0px;
  }
  [class*=el-col-] {
    height: 50px;
  }
  .el-table tbody .cell:empty::before {
    content: '--';
  }
}

.sidebar-container .el-scrollbar__wrap {
  overflow-x: hidden !important;
}